<template>
	<view>
		<navBar title="停车详情"></navBar>
		<view class="top-bg"></view>
		<view class="content">
			<view class="car-no-panel">
				<view class="title">
					<view class="title-left">
						<image class="icon-car" :src="bg_image.iconCar"></image>
						<text class="car-no-title">{{data.plateNumber || ''}}</text>
					</view>
					<text
						:class="{'status-yellow':data.statusStr==='已完成','status-red':data.statusStr==='欠费中','status-blue':data.statusStr==='停车中'}">{{data.statusStr}}</text>
				</view>
				<view class="car-info">
					<view class="line">
						<text>订单编号：</text>
						<view class="blue center">
							<view class="ellipsis">{{data.orderId || ''}}</view>
							<view class="copy" @click="copy">复制</view>
						</view>
					</view>
					<view class="line" v-if="!indoor">
						<text>街道名称：</text>
						<text>{{data.area || ''}}</text>
					</view>
					<view class="line" v-if="!indoor">
						<text>泊位编号：</text>
						<text>{{data.parkName || ''}}</text>
					</view>
					<view class="line" v-if="indoor">
						<text>车场名称：</text>
						<text>{{data.parkName || ''}}</text>
					</view>
					<view class="line ">
						<text>驶入时间：</text>
						<text v-if="indoor&&type==='1'" class="text-blue" @click="previewImage(data.enterImgUrls)">
							{{data.enterTime || ''}}
							<u-icon name="arrow-right" color="#4888F6" size="12"></u-icon>
						</text>
						<text v-else>
							{{data.enterTime || ''}}
						</text>
					</view>
					<view class="line" v-if="!indoor">
						<text>登记时间：</text>
						<text>{{data.enterTime || ''}}</text>
					</view>
					<view class="line" v-if="!indoor">
						<text>取证时间：</text>
						<text class="text-blue" @click="previewImage(data.evidenceImgUrls)">
							{{data.evidenceTime || ''}}
							<u-icon name="arrow-right" color="#4888F6" size="12"></u-icon>
						</text>
					</view>
					<view class="line" v-if="!indoor">
						<text>驶出时间：</text>
						<text v-if="indoor" class="text-blue" @click="previewImage(data.outImgUrls)">
							{{data.outTime || ''}}
							<u-icon name="arrow-right" color="#4888F6" size="12"></u-icon>
						</text>
						<text v-else>
							{{data.outTime || ''}}
						</text>
					</view>
					<view class="line">
						<text>停车时长：</text>
						<text>{{data.durationStr || ''}}</text>
					</view>
					<view class="line">
						<text>应付金额：</text>
						<text>{{data.actualAmount || 0}}</text>
					</view>
					<!-- <view class="line">
						<text>优惠金额：</text>
						<text>{{data.discountAmount}}</text>
					</view> -->
					<view class="line" v-if="!indoor">
						<text>已付金额：</text>
						<text>{{data.paidAmount || 0}}</text>
					</view>
					<!-- <view class="line">
						<text>支付时间：</text>
						<text>{{data.payTime}}</text>
					</view> -->
				</view>
			</view>
		</view>
    <view class="footer-tool" v-if="Number(data.actualAmount)!==0&&type===0">
			<view class="left">
				<view class="tip">总支付金额</view>
				<view class="price">¥{{data.totalAmount || 0}}</view>
			</view>
			<view class="right-pay" @click="pay">去支付</view>
		</view>
	</view>
</template>

<script>
	import parkingDetails from './js/parkingDetails'
	
	export default {
		components: {
			
		},
		...parkingDetails 
	}
</script>

<style lang="less" scoped>
	@import url('./css/parkingDetails.less');
</style>